/*
* @Author: Marte
* @Date:   2020-01-06 10:07:08
* @Last Modified by:   Marte
* @Last Modified time: 2020-01-16 15:17:13
*/

*{ margin:0px; padding:0px;box-sizing: border-box; }
html{min-width: 1200px;font-size:16px; }
body{ font-size:16px;color:#333; background-color: #cbf8d8; }
ul{ list-style:none;}
li{list-style: none;}
a{ text-decoration:none;color:#333;}
img{border:none;}
.wp {width: 1200px; margin: 0 auto;}
.clear{ clear:both;}


/*  header  */

/*  header  */

header{
    width:100%;
    position:fixed;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    top: 0;
    z-index: 10;
    /*background-color: #146b71;*/
    background-color: #34b369;
	box-shadow:0 0 5px 0 #666;
}

/* logo */
.header-logo {
    width:300px;
    float: left;
}
.header-nav {
    width:750px;
    float: right;
}
.header-list {
    display: flex;
    display: -ms-flexbox;
}
.header-list li{
    flex:1;
    -ms-flex:1;
    text-align: center;
}
.header-list li a{
    line-height:80px;
    color:#fff;
    display: inline-block;
    width:100%;
}
.header-list li a:hover{
    font-weight: bold;
}
.menu-list{
    position: relative;
}

.menu-list .cp-content{
    position:absolute;
    top:80px;
    width: 150px;
    height: 0px;
    z-index:999;
    overflow:hidden;
}
.menu-list .cp-content .cp-ul{
    width: 100%;
    height: 100%;
}
.menu-list .cp-content .cp-ul .cp-list{
    width: 100%;
    height: 50px;
}
.menu-list .cp-content .cp-ul .cp-list a{
    display: block;
    width: 100%;
    height: 50px;
    background-color:#efefef;
    font-size:13px;
    color:#333;
    line-height:50px;
}
.menu-list .cp-content .cp-ul .cp-list a:hover{
    background-color:rgb(0,197,200);
    color:#fff;
}

.menu-list .xw-content{
    position:absolute;
    top:80px;
    width: 150px;
    height: 0px;
    z-index:999;
    overflow:hidden;
}
.menu-list .xw-content .xw-ul{
    width: 100%;
    height: 100%;
}
.menu-list .xw-content .xw-ul .xw-list{
    width: 100%;
    height: 50px;
}
.menu-list .xw-content .xw-ul .xw-list a{
    display: block;
    width: 100%;
    height: 50px;
    background-color:#efefef;
    font-size:13px;
    color:#333;
    line-height:50px;
}
.menu-list .xw-content .xw-ul .xw-list a:hover{
    background-color:rgb(0,197,200);
    color:#fff;
}
.menu-list .zs-content{
    position:absolute;
    top:80px;
    width: 150px;
    height: 0px;
    z-index:999;
    overflow:hidden;
}
.menu-list .zs-content .zs-ul{
    width: 100%;
    height: 100%;
}
.menu-list .zs-content .zs-ul .zs-list{
    width: 100%;
    height: 50px;
}
.menu-list .zs-content .zs-ul .zs-list a{
    display: block;
    width: 100%;
    height: 50px;
    background-color:#efefef;
    font-size:13px;
    color:#333;
    line-height:50px;
}
.menu-list .zs-content .zs-ul .zs-list a:hover{
    background-color:rgb(0,197,200);
    color:#fff;
}

.menu-list .nn-content{
    position:absolute;
    top:80px;
    width: 150px;
    height: 0px;
    z-index:999;
    overflow:hidden;
}
.menu-list .nn-content .nn-ul{
    width: 100%;
    height: 100%;
}
.menu-list .nn-content .nn-ul .nn-list{
    width: 100%;
    height: 50px;
}
.menu-list .nn-content .nn-ul .nn-list a{
    display: block;
    width: 100%;
    height: 50px;
    background-color:#efefef;
    font-size:13px;
    color:#333;
    line-height:50px;
}
.menu-list .nn-content .nn-ul .nn-list a:hover{
    background-color:rgb(0,197,200);
    color:#fff;
}

.subnav{
    position:absolute;
    top:80px;
    left:0;
    width: 100%;
    height: 0;
    overflow:hidden;
    background:rgba(0,0,0,.6);
}
.subnav-con{
    width: 850px;
    height: 300px;
    // background:rgba(255,255,255,.5);
    margin-top:10px;
    float: right;
    display: flex;
    display: -ms-flexbox;
}
.subnav-con ul{
    flex:1;
    -ms-flex:1;
    height: auto;
    margin-left: -1px;

}
.subnav-con ul li{
    width: 100%;
}
.subnav-con ul li a{
    display: inline-block;
    width: 100%;
    text-align:center;
    line-height:44px;
    color: #fff;
    font-size:14px;
    border-bottom:0;
}
.subnav-con ul li a:hover{
    background:#027ff7;
}


/* banner */
.banner-container{
    height: 100%;
}
.banner-slide{
    width: 100%;
    height: 100% !important;
}
.ban01{
    background:url(../images/banner01.jpg) center top no-repeat;
    background-size:cover;
}
.ban02{
    background:url(../images/banner04.jpg) center top no-repeat;
    background-size:cover;
}
.ban03{
    background:url(../images/banner03.jpg) center top no-repeat;
    background-size:cover;
}
.ban04{
    background:url(../images/banner04.jpg) center top no-repeat;
    background-size:cover;
}
.ban05{
    background:url(../images/banner05.jpg) center top no-repeat;
    background-size:cover;
}


.gywm{
    width: 100%;
    height: 100%;
}
.gywm .gywm-left{
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
}
.gywm .gywm-left video, .gywm .gywm-left .video{
    width: 600px;
    height: 310px;
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -300px;
    margin-top: -155px;
}
.gywm .gywm-right{
    float: right;
    width: 50%;
    height: 100%;
    position: relative;
}
.gywm .gywm-right p{
    width: 500px;
    height: 310px;
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -250px;
    margin-top: -155px;
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;
}
.gywm .gywm-right .gywm-a{
    position: absolute;
    bottom:50px;
    left: -70px;
    width: 190px;
    height: 56px;
    text-align: center;
    background-color: #fff;
    border-radius: 40px;
    line-height: 56px;
    color:#333;
    font-size: 15px;

}


/* 营销推广  yxtg   */

.yxtg{

}
.yxtg-title{
    font-size:36px;
    color: #fff;
    text-align: center;
    margin-bottom:70px;
}

.yxtg-main{
    display:flex;
    display:-ms-flexbox;
}
.yxtg-pro{
    flex:1;
    -ms-flex:1;
    height: 326px;
    transition: all 0.3s;
    padding:5px 15px;
    width: 400px;
}
.ystg-img{
    border-radius:5px;
}
.ystg-img img{
    width: 100%;
    height: 250px;
    border-radius:5px;
}
.yxtg-txt{
    text-align:center;
    color:#fff;
}
.yxtg-txt span{
    display:block;
}
.yxtg-txt span:nth-child(1){
    font-size:20px;
    line-height:36px;
}

.yxtg-txt span:nth-child(2){
    font-size:14px;
}

.yxtg-pro:hover{
    margin-top:-20px;
}

.yxtg-a{
    width: 190px;
    background-color: #fff;
    margin-right:252px;
    height: 56px;
    border-radius: 500px;
    text-align:center;
    margin:80px auto 0 auto;
    position:relative;
    overflow:hidden;
}

.yxtg-a a {
    color:#333;
    line-height:56px;
}



/* 合作案例  hzal   */

.al{

}
.al-title{
    font-size:36px;
    text-align: center;
    margin-bottom:70px;
}



.hzal-a{
    width: 190px;
    background-color: #6237e9;
    margin-right:252px;
    height: 56px;
    border-radius: 500px;
    text-align:center;
    margin:80px auto 0 auto;
    position:relative;
    overflow:hidden;
}

.hzal-a a {
    color:#fff;
    line-height:56px;
}



.mt60{
    margin-top: 60px;
    width: 1032px;
    margin: 40px auto;
}
.mt60 .mt60-ul{
    width: 100%;
    position: relative;
}
.mt60 .mt60-ul .mt60-list{
    width: 500px;
    height: 70px;
    margin-left: 260px;
    border-bottom: 1px dashed #329cff;
    box-sizing: border-box;
}
.mt60 .mt60-ul .mt60-list:last-child{
    border:none;
}
.mt60 .mt60-ul .mt60-list .name{
    float: left;
    width: 400px;
    height: 95%;
    font-size: 15px;
    line-height: 30px;
    text-indent: 2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.mt60 .mt60-ul .mt60-list .time{
    float: right;
    width: 100px;
    height: 100%;
    line-height: 70px;
    font-size: 15px;
}

.al-a{
    width: 190px;
    background-color: #329cff;
    margin-right:252px;
    height: 56px;
    border-radius: 500px;
    text-align:center;
    margin:80px auto 0 auto;
    position:relative;
    overflow:hidden;
}

.al-a a {
    color:#fff;
    line-height:56px;
}


.ny{
    position: absolute;
    top:100px;
    width: 400px;
    height: 300px;
    margin-left: 100px;
}
.ny .ny-name{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.ny .ny-desc{
    font-size: 16px;
    color:#333;
}



/*  footer */

.footerss{
    overflow: hidden;

}
.section.footerss .fp-tableCell{
    display:block;
    padding-top: 80px;
}

footer{
    width: 100%;
    position:absolute;
    bottom:0;
    background:url(../images/footerbg.jpg) center center no-repeat;
    font-size:15px;
}
footer a:hover{
    color: #fff;
}
#footer{
    background:url(../images/footerbg.jpg) center center no-repeat;
}
.footer-con{
    overflow:hidden;
    padding-top:40px;
}
.footer-ewm {
    width: 400px;
    float: left;
    text-align:center;
    padding-top:50px;
}
.footer-ewm .img{
    width: 200px;
    float: left;
}
.footer-ewm img{
    width: 150px;
    height: 150px;
    display: inline-block;
}
.footer-ewm span{
    display: block;
    color: #c1c1c1;
    padding-top:10px;
    line-height:26px;
}
.footer-lx {
    width: 400px;
    float: left;
    margin-left:50px;
}
.footer-lx h2{
    font-size:24px;
    color: #fff;
    font-weight:400;
    padding:20px 0;
}
.footer-lx-con {
    padding-left:20px;
}
.footer-lx p{
    padding-left: 40px;
    line-height:24px;
    padding-bottom:30px;
    padding-top:5px;
    color: #c1c1c1;
}
.footer-lx p.footer-lx01{
    background:url(../images/flx01.png) left 8px no-repeat;
}
.footer-lx p.footer-lx02{
    background:url(../images/flx02.png) left 8px no-repeat;
}
.footer-lx p.footer-lx03{
    background:url(../images/flx03.png) left 8px no-repeat;
}


.footer-dh{
    width: 300px;
    float: left;
}
.footer-dh h2{
    font-size:24px;
    color: #fff;
    font-weight:400;
    padding:20px 0;
}
.footer-dh-con {
    padding-left:20px;
}
.footer-dh-con a{
    width: 100px;
    text-align:left;
    color: #c1c1c1;
    display: inline-block;
    margin-right:20px;
    line-height:36px;
    padding:5px 0;
}


.footer-bq{
    background:url(../images/footer-bqbg.jpg) top left no-repeat;
    width:100%;
}
.footer-bq {
    color: #c1c1c1;
    font-size:14px;
    text-align:center;
    line-height:36px;
    padding: 20px 0;
}
.footer-bq a{
    color: #c1c1c1;
    font-size: 14px;
}


#allmap{width:100%;height:100%;top:-100px;}
.iwContent{
    font-size:15px;
    line-height:30px;
}
.iwContent em{
    font-style: normal;
}


.gyyy-im{
    width: 100%;
    height: 280px;
    /*background-color: yellow;*/
    position: relative;
    
}
.gyyy-im .bc-img{
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 80px;
}
.gyyy-im .cp{
    background:url(../images/cp.jpg) center top no-repeat;
    background-size: cover;
}
.gyyy-im .gywm{
    background:url(../images/ab.jpg) center top no-repeat;
    background-size: cover;
}
.gyyy-im .xw{
    background:url(../images/xw.jpg) center top no-repeat;
    background-size: cover;
}
.gyyy-im .zs{
    background:url(../images/zs.jpg) center top no-repeat;
    background-size: cover;
}
.gyyy-im .lx{
    background:url(../images/wm.jpg) center top no-repeat;
    background-size: cover;
}

.niunai{
    width: 100%;
	max-width:1200px;
	margin:0 auto;
	padding:15px 25px 35px;
	background: #cbf8d8;
}
.niunai .li{
    width: 100%;
}
.niunai .li div {
	width: 50%;
	float:left;
}
.niunai .li .nr-right{
    width: 200px;
    height: 500px;
    float: left;
}
.niunai .li .nr-right .name{
    color: #4d4d4f;
    font-weight: bolder;
    margin-top: 100px;
    font-size: 20px;
    margin-left: 50px;
}
.niunai .li .nr-right .ljxq {
    display: block;
    width: 150px;
    height: 50px;
    border:1px solid  #007d34;
    box-sizing: border-box;
    text-align: center;
    line-height: 50px;
    color: #007d34;
    margin-top: 100px;
    margin-left: 50px;
}
.xdh{
    width: 100%;
    height: 50px;
    margin-bottom: 50px;
    position: relative;
}
.xdh .xdh-ul{
    width: 1200px;
    height: 50px;
    position: absolute;
    top:20px;
    left:50%;
    margin-left: -600px;
}
.xdh .xdh-ul .xdh-list{
    width: 100%;
    height: 100%;
}
.xdh .xdh-ul .xdh-list .kby-btn{
    width: 700px;
    height: 50px;
    float: left;
}
.xdh .xdh-ul .xdh-list .kby-btn a{
    min-width: 100px;
    height: 50px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    line-height: 50px;
    color: #007d34;
    border:1px solid  rgb(0,197,200);
    margin-right: 20px;
    border-radius: 5px;
    font-size: 14px;
	padding:0 15px;
}
.xdh .xdh-ul .xdh-list .kby-btn a:hover{
    background-color: rgb(0,197,200);
    color:#fff;
}
.xdh .xdh-ul .xdh-list .wz{
    width: 300px;
    height: 50px;
    float: right;
    text-align: right;
    line-height: 50px;
    font-size: 12px;
    color: #007d34;
}
.xdh .xdh-ul .xdh-list .wz a{
    color: #007d34;
}